<template>
  <div>
    <div @click="reminder" class="tab-wrap">
      <div class="tab-inner">
        <div class="tab-banner">
          <img src="../../assets/jiaxiao_banner.jpg" alt />
        </div>
      </div>
      <div class="tab-filter">
        <div class="tab-item">推荐</div>
        <div class="tab-item">口碑</div>
        <div class="tab-item">人气</div>
        <div class="tab-item">价格</div>
      </div>
      <div class="box-cells">
        <van-cell v-for="(item, i) in peilian" :key="i">
          <template #icon>
            <!--  @click="href('/AccPractice')" -->
            <img :src="item.pic" class="p-avatar" alt />
          </template>
          <template #title>
            <!-- @click="href('/AccPractice')" -->
            <div>
              <div class="pl-heading">
                <div class="pl-name">{{ item.title }}</div>
                <div class="pl-age">10年教龄</div>
              </div>
              <div class="sch-raty">
                <van-rate
                  v-model="xj"
                  color="#ffd21e"
                  void-icon="star"
                  void-color="#eee"
                />
              </div>
              <div class="pl-price">40元/小时</div>
              <div class="pl-desc">正规公司手动挡优惠</div>
            </div>
          </template>
          <template #right-icon>
            <!-- @click="callPhone(item.Phone)" -->
            <div class="right-cell">
              <i class="iconfont van-icon-tel"></i>
            </div>
          </template>
        </van-cell>
      </div>
    </div>
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  name: "PartnerTraining",
  data() {
    return {
      xj: 5,
      peilian: [
        {
          title: "陆教练",
          pic: require("../../assets/avatar.jpg"),
          Phone: "19930645342"
        },
        {
          title: "刘教练",
          pic: require("../../assets/avatar.jpg"),
          Phone: "19930645342"
        },
        {
          title: "王教练",
          pic: require("../../assets/avatar.jpg"),
          Phone: "19930645342"
        },
        {
          title: "畅通驾校",
          pic: require("../../assets/avatar.jpg"),
          Phone: "19930645342"
        }
      ]
    };
  },
  methods: {
    reminder() {
      Toast.fail("正在建设中");
    }
  }
};
</script>

<style></style>
